<template>
  <div class="box1 bottom">
    <div class="smallbox" v-for="count in nums" :key="count">
      <i class="iconfont icon-wodezichan w700"></i>
      <span></span>
      <span>我的资产</span>
    </div>
  </div>
</template>

<script>
export default {
  props: ["nums"],
};
</script>

<style scoped>
.box1 {
  width: 3.5rem;
  min-height: 0.86rem;
  background-color: #fff;
  border-radius: 0.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.1rem;
  flex-wrap: wrap;
}
.smallbox {
  width: 25%;
  height: 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.12rem;
  font-weight: 500;
}
i {
  font-size: 0.24rem;
}
.w700 {
  font-weight: 700;
}
.bottom {
  margin-bottom: 0.1rem;
}
</style>